html, body {
	color: #505050;
	line-height: 1.75em;
	position: relative;
	font-family: "Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Hiragino Sans GB W3","WenQuanYi Micro Hei","Microsoft YaHei UI","Microsoft YaHei",sans-serif;
}
body {
	overflow-x: hidden;
}


/*header-title*/
.stuIndex-title {
	width: 100%;
	text-align: center;
	background-color:#07111b;
}

.stuIndex-title a {
	color: #ffffff;
}

.stuIndex-title-left {
	height: 5rem;
	line-height: 5rem;
	font-size: 4rem;
	font-weight: 100;
}
.stuIndex-title-left a {
	color:rgba(255,255,255,0.6);
}
.stuIndex-title-left a:hover {
	text-decoration: none;
	color:rgba(255,255,255,0.6);
}

.stuIndex-title-mid {
	padding-top: 1.5rem !important;
	line-height: 3.5rem;
	font-size: 2.5rem;
	color: #edf1f2;
}

.stuIndex-title-mid ul {
	height: 3.5rem;
	text-align: center;
}

.stuIndex-title-mid li {
	float: left;
}

.stuIndex-title-mid li a {
	height: 3.5rem;
	margin-top: 1.5rem;
}

.stuIndex-title-mid li:hover {
	background-color: darkgray;
}

.stuIndex-title-mid li:hover a {
	text-decoration: none;
	color: #F5F5F5;
}

.stuIndex-title-right {
	height: 4rem;
	line-height: 4rem;
	margin-top: 1rem !important;
	font-size: 2.3rem;
	text-align: right;
	padding-right: 3.5rem !important;
	color: rgba(255,255,255,0.5);
}

.stuIndex-title-right a {
	font-size: 1.6rem;
	color:rgba(255,255,255,0.5);
}

.stuIndex-title-right a:hover {
	text-decoration: none;
	color: #edf1f2;
}

.stuIndex-title-right img {
	height: 3rem;
	width: 3rem;
	border-radius: 3rem;
}
.stuIndex-title-right input {
	display:none;
}
/*header title end */
a:hover{
    color:#fff;
    background-color: #505050;
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
    color: #303030;
}


h3 {
    font-size:3rem;
}
h4 {
    font-size:1.5em;
}
h5 {
    font-size:1em;
}
h6 {
    font-size:.75em;
}

a {
    color:#000;
    outline:0;
    text-decoration: none;
    background-color: transparent;
}


/*nav*/
.main-navigation {
    text-align: center;
    background: #fff;
    border-top: 1px solid #ebebeb;
    margin-bottom: 35px;
    border-bottom: 2px solid #e1e1e1;
}
@media all and (max-width: 768px){
    .main-navigation:hover {
        background: #fbf1f1;
    }
}

.navbar-header {
    text-align: center;
    border-bottom: 1px solid #ebebeb;
}

@media all and (min-width: 768px){
    .nav-toggle-button {
        display: none;
    }
}


.navbar-header i {
    height: 56px;
    line-height: 56px;
    font-size: 2em;
    cursor: pointer;
}

@media all and (max-width:980px){
    .navbar-header i {
        height: 45px;
        line-height: 45px;
        fongt-size:1.5em;
    }
}

@media all and (max-width:768px){
    .navbar-header i {
        height: 36px;
        line-height: 36px;
        fongt-size:1em;
    }
}

.main-navigation .menu {
    padding: 0;
    margin: 0;
}

.main-navigation .menu li {
    list-style: none;
    display: inline-block;
    position: relative;
}

.main-navigation .menu li a {
    color: #505050;
    font-size: 1rem;
    line-height: 2rem;
    display: block;
    padding: 0 21px;
}

.main-navigation .menu li a:hover{
    color:#4f5fd6;
    background-color: #fff;
    text-decoration: none;
}

/* /*main*/

.content-wrap {
    margin-top: 3px;
    margin-bottom: 10px;
}

.main-content {
    margin-top: 5px;
    margin-bottom: 10px;
}

.main-content .main-notice {
    background: #fff;
    padding:21px 20px;
}

.main-notice a{
    color: #333;
}

.main-content .main-notice .title{
    margin-top: 0;
    padding-bottom: 7px;
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 21px;
    position: relative;
}

.main-content .main-notice .title h3{
    margin-top: 0;
    margin-bottom: 10px;
}

.main-notice .title h3 a {
    margin-top: 1rem;
    font-size: 1rem;
}

.main-notice .title:after {
    content: "";
    width: 90px;
    height: 1px;
    background: #4f5fd6;
    position: absolute;
    left: 0;
    bottom: -1px;
}

ul, ol, li {
    list-style-type: none;
}

.main-content .main-notice ul {
    margin:15px 5px;
}

.main-content .main-notice ul li{
    padding: 0px 10px;
    height: 42px;
    line-height: 42px;
    font-size: 16px;
    border: 1px solid #fff;
    overflow: hidden;
}

.main-notice ul li a {
    color: #5c5e61;
    display: block;
    float: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}

.main-notice ul li a:hover{
    color: #fff;
    background:#505050;

}
.main-notice .date{
    float: right;
}

h1 {
    display: block;
    font-size: 2em;
    -webkit-margin-before: 0.67em;
    -webkit-margin-after: 0.67em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
}

@media all and (max-width: 980px){
    h1 {
        display: block;
        font-size: 1.5em;
        -webkit-margin-before: 0.67em;
        -webkit-margin-after: 0.67em;
        -webkit-margin-start: 0px;
        -webkit-margin-end: 0px;
        font-weight: bold;
    }

    h3 {
        font-size: 1 em;
    }

    .main-content .main-notice .title{
        margin-bottom: 10px;
    }

    .main-content .main-notice ul {
        margin-top: 10px;
    }

    .main-content .main-notice ul li {
        padding: 0px 8px;
        height: 30px;
        line-height: 30px;
        font-size: 0.8em;
        border: 1px solid #fff;
        overflow: hidden;
    }

    ul, ol, li {
        list-style-type: none;
    }
}

@media all and (max-width: 768px){
    h1 {
        display: block;
        font-size: 1em;
        -webkit-margin-before: 0.67em;
        -webkit-margin-after: 0.67em;
        -webkit-margin-start: 0px;
        -webkit-margin-end: 0px;
        font-weight: bold;
    }

    h3 {
        font-size: 2rem;
    }

    .main-navigation {
        margin-bottom: 3px;
    }

    .main-content .main-notice .title{
        margin-bottom: 3px;
    }

    .main-content .main-notice ul {
        margin-top: 3px;
    }

    .main-content .main-notice ul li {
        padding: 0px 8px;
        height: 20px;
        line-height: 20px;
        font-size: 0.8em;
        border: 1px solid #fff;
        overflow: hidden;
    }
    ul, ol, li {
        list-style-type: none;
    }
} */


/*sidebar*/
.sidebar {
    margin-top: 5px;
    margin-bottom: 10px;
}

@media all and (max-width:768px){

}

.content-wrap .widget .title:after {
    content: "";
    width: 90px;
    height: 1px;
    background: #4f5fd6;
    position: absolute;
    left: 15px;
    bottom: -1px;
}

.ca {
	color: #2688DC;
	border: none;
	border-radius: 2px;
   	border-top: 1px solid #505050;
	border-left: 1px solid #505050;
	border-right: 1px solid #505050;
	background: #FFF;
    box-shadow: 1px 0 0 #2688DC;
}

@media all and (min-width:980px) {
    .sidebar .widget {
        background: #fff;
        color: #505050;
        padding: 1.5rem 1.5rem;
    }

    .widget {
        margin-bottom: 2rem;
    }

    .widget a:hover{
        color:#fff;
        background-color: #2688DC;
        text-decoration: none;
    }

    .title-calendar {
        height:3rem;
        line-height:3rem;
        margin-left:1.5rem;
        margin-right:1.5rem;
        font-weight:bold;
        font-size: 2.5rem;
        border-bottom: 1px solid #505050;
    }

    .title-calendar li {
        height:3rem;
        line-height:3rem;
        float:left;
        margin-left:1rem;
        font-size: 2.5rem;
        cursor:pointer;
        width: 13rem;
        text-align: center;
		
    }

/*    .title-calendar li:hover {
        color:#4f5fd6;
    }*/

    .class-list {
        margin-top: 1.5rem;
        margin-bottom: 3rem;
        margin-left:1.5rem;
        margin-right:1.5rem;
    }

    .today-class-list a{
        font-size: 2rem;
    }

    .my-class-list {
        display: none;
    }
    .my-class-list #course-list {
    	width:80%;
    	margin-left:10%;
    }
	.my-class-list #course-list .course-img {
    	width:100%;
		height: 10rem;
    }
    
    .my-class-list #course-list img {
    	width: auto;  
	    height: auto;  
	    max-width: 100%;  
	    max-height: 100%;
	    box-shadow: 1px 0px 3px #0080ff;
	    border-radius: 4px;
	}
}

@media all and (max-width:980px){

    .sidebar .widget {
        background: #fff;
        color: #505050;
        padding: 1.5rem 1.5rem;
    }

    .widget {
        margin-bottom: 2rem;
    }

    .widget a:hover{
        color:#fff;
        background-color: #2688DC;
        text-decoration: none;
    }

    .title-calendar {
        height:3rem;
        line-height:3rem;
        margin-left:.3rem;
        margin-right:.3rem;
        font-weight:bold;
        font-size: 2rem;
        padding-bottom: .5rem;
        border-bottom: 1px solid #505050;
    }
    .title-calendar li {
        height:3rem;
        line-height:3rem;
        font-size: 2rem;
        float:left;
        margin-left:.5rem;
        cursor:pointer;
        width: 12rem;
        text-align: center;
    }

/*    .title-calendar li:hover {
        color:#4f5fd6;
    }*/

    .class-list {
        margin-top: 3rem;
        margin-bottom: 2rem;
        margin-left:1.5rem;
        margin-right:1.5rem;

    }

     .today-class-list a{
        font-size: 1.5rem;
    }

     .my-class-list {
        display: none;
    }
    .my-class-list #course-list .course-img {
    	width:100%;
		height: 8rem;
    }
    
    .my-class-list #course-list img {
    	width: auto;  
	    height: auto;  
	    max-width: 100%;  
	    max-height: 100%;
	    box-shadow: 1px 0px 3px #0080ff;
	    border-radius: 4px;
	}

}

@media all and (max-width:768px){

    .sidebar .widget {
        background: #fff;
        color: #505050;
        padding: 1.5rem 1.5rem;
    }

    .widget {
        margin-bottom: 2rem;
    }

    .widget a:hover{
        color:#fff;
        background-color: #2688DC;
        text-decoration: none;
    }
    .title-calendar {
        height: 2rem;
        line-height: 2rem;
        margin-left:.3rem;
        margin-right:.3rem;
        border-bottom: 1px solid #505050;
        font-weight:bold;
        font-size: 1.6rem;
    }
    .title-calendar li {
        height:2rem;
        line-height:2rem;
        font-size: 1.6rem;
        float:left;
        margin-left:.5rem;
        cursor:pointer;
        width: 6rem;
        text-align: center;
    }

/*    .title-calendar  li:hover {
        color:#4f5fd6;
    }*/

    .class-list {
        margin-top: 1.5rem;
        margin-bottom: 3rem;
        margin-left:.3rem;
        margin-right:.3rem;

    }

    .today-class-list a{
        font-size: .5rem;
    }
    .today-class-list .btn {
        padding: .1rem .2rem
    }

    .my-class-list {
        display: none;
    }
    
    .my-class-list #course-list .course-img {
    	width:100%;
		height: 5rem;
    }
    
    .my-class-list #course-list img {
    	width: auto;  
	    height: auto;  
	    max-width: 100%;  
	    max-height: 100%;
		box-shadow: 1px 0px 3px #0080ff;
	}
}

.lighten-2 {
    display: none;
}

/*course*/
.course-wrap {
    margin-top: 3px;
    margin-bottom: 20px;
    overflow: hidden;
}

@media all and (max-width:768px){
    .course-wrap{
        display: none;
    }
    
}

.course-wrap .widget {
    background: #fff;
}

.main-course {
    margin-top: 5px;
    margin-bottom: 10px;
    background: #fff;
    padding: 21px 20px;
    position: relative;
    min-height: 1px;
}

.main-course .title {
    margin-top: 0;
    padding-bottom: 34px;
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 21px;
    position: relative;
}

.main-course .title.row{
    margin-left: 0;
    margin-right: 0;
}

.main-course .title h3{
    float: left;
    margin-top: 0;
    margin-bottom: 1px;
    line-height: 24px;
}

.course-info {
    margin: 1rem .25rem 1rem .25rem;
    box-shadow: 3px 0px 5px #337ab7;
    border-radius: 0.5rem;  
}

.course-name a {
    font-size: 1.5rem;
    color: #07111B;
}

.course-img {
    margin: 0.5rem 0;
}

.course-info:hover {
    text-decoration: none;
    background: #2688DC;
}
@media all and (max-width:768px){
    .main-course.row.col-md-4 {
        border-bottom: 1px solid #ebebeb;
    }
    .course-name a {
        font-size: 1rem;
        color: #07111B;
    }
}

/*back to top*/
#back-to-top {
    position: fixed;
    right: 10px;
    bottom: 10px;
    background: #379BE4;
    color: #000000;
    text-align: center;
    border-radius: 2px;
    z-index: 200;
    
    display: none;
}

#back-to-top i {
    width: 30px;
    height: 30px;
    line-height: 30px;
}

@media all and (max-width:768px) {
    #back-to-top {
        border-radius: 1px;
    }

    #back-to-top i {
        width: 20px;
        height: 20px;
        line-height: 20px;
    }
}

#back-to-top:hover{
    color: #fff;
    background: #2688DC;
}

/*other*/

.line {
    display: block;
    float: left;
    width: 3px;
    background: #cf2730;
    overflow: hidden;
    margin: 0 5px 0 0;
}

.text {
    display: block;
    float: left;
    color: #2c3033;
}
.calendar{
    float: right;
    color: #505050;
    margin-right: 1.5rem;
    font-size: 2rem;
    padding-top: .5rem;
}